<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
     <link rel="stylesheet" href="https://res.wx.qq.com/t/wx_fed/weui-source/res/2.5.10/weui.min.css">
</head>
<body class="df os">
    <header class="df">
        <span class="iconfont icon-leftarrow backBtn"></span>
        <div class="flex tcenter">
            个人资料
        </div>
    </header>
    <!-- 主要内容 -->
    <main class="flex overflow">
        <div class="weui-cells">
            <!-- 头像 -->
            <div class="weui-cell weui-cell_active weui-cell_access">
                <div class="weui-cell__hd" >
                   更换头像
                </div>
                <div class="weui-cell__bd"><span></span></div>
                <span class="weui-cell__ft"><label><img src="../../assets/imgs/dog.jpg" class="headPic" id="avatar" alt=""><input type="file" id="headFile"></label></span>
            </div>
            <!-- 昵称 -->
            <div class="weui-cell weui-cell_active weui-cell_access">
                <div class="weui-cell__hd"><span class="weui-label">昵称</span></div>
                <div class="weui-cell__bd weui-flex">
                    <input id="nickName" class="weui-input" type="text" placeholder="如:张三" />
                </div>
            </div>
            <!-- 性别 -->
            <div class="weui-cell weui-cell_active weui-cell_access" id="sex">
                <span class="weui-cell__bd">
                    <span class="demo_badge_title">性别</span>
                </span>
                <span class="weui-cell__ft" id="sexTxt">详细信息</span>
            </div>
            <!-- 生日 -->
            <div class="weui-cell weui-cell_active weui-cell_access" >
                <span class="weui-cell__bd">
                    <span class="demo_badge_title">生日</span>
                </span>
                <span class="weui-cell__ft" id="birthday">详细信息</span>
            </div>
            <!-- 所在省份 -->
            <div class="weui-cell weui-cell_active weui-cell_access" id="provincebtn">
                <span class="weui-cell__bd">
                    <span class="demo_badge_title">所在省份</span>
                </span>
                <span class="weui-cell__ft" id="provinceTxt">详细信息</span>
            </div>
            <!-- 所在城市 -->
            <div class="weui-cell weui-cell_active weui-cell_access" id="city">
                <span class="weui-cell__bd" >
                    <span class="demo_badge_title">所在城市</span>
                </span>
                <span class="weui-cell__ft" id="cityTxt">详细信息</span>
            </div>

            <!-- 个人简介 -->

            <div class="weui-cell weui-cell_active weui-cell_access">
                <span class="weui-cell__bd">
                    <span class="demo_badge_title">问题描述</span>
                </span>
            </div>
            <div class="weui-cell weui-cell_active " >
                <div class="weui-cell__bd">
                    <textarea class="weui-textarea" placeholder="请描述你所发生的问题" rows="3" id="info"></textarea>
                    <div role="option" aria-live="polite" class="weui-textarea-counter"><span id="minnum">0</span>/200</div>
                </div>
            </div>

            <button class="save-btn">保存</button>
        </div>

        
    </main>
</body>
</html>